<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <script> -->
        <!-- ①可以写在script标签中 -->
        <!-- alert('泥嚎~'); -->
        <!-- </script> -->
        <!-- ③可以引入外部js文件，然后通过scri标签引入 -->
        <script type="text/javascript" src="js/script.js"></script>
</head>
<body>
    <!-- ②可以将js代码编写到标签的onclick属性中 -->
    <!-- 虽然可以写在标签属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用 -->
    <!-- <button onclick="alert('讨厌 点我干嘛~~')">点我一下</button> -->
    <!-- 可以将js代码写在超链接的href属性中，这样在点击超链接时，会执行js代码 -->
    <!-- <a href="javascript:alert('让你点你就点');">你也点我一下</a> -->
</body>
</html>